@gray: #333;
.all-content {
  padding-bottom: 50px;
  .item-shop {
    float: left;
    display: inline-block;
    width: 49%;
    &.item-last {
      width: 100%;
    }
    .img-contain:before {
      content: '';
      display: block;
      padding-top: 100%;
    }
    .img-contain {
      position: relative;
      width: 100%;
      //height: 122px;
      //padding: 7px;
      overflow: hidden;
      box-sizing: border-box;
      img {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        //height: 122px;
      }
    }
    .title {
      //-webkit-box-orient: vertical !important;
      width: 100%;
      display: -webkit-box; //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
      -webkit-box-orient: vertical; //-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
      text-overflow: ellipsis;//可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。
      -webkit-line-clamp: 1;
      overflow : hidden;
      font-size: 12px;
      color: @gray;
    }
    .price {
      .original-price {
        text-decoration: line-through;
      }
    }
  }
  .item-shop:nth-of-type(odd){
    margin-right: 2%;
  }
}
